﻿<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->
<head>
    <title>首页-湖南雷雨铭心信息科技有限公司</title>
    <!-- Meta -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" href="favicon.ico">
    <!---<link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Covered+By+Your+Grace' rel='stylesheet' type='text/css'>  --->
    <!-- Global CSS -->
    <link rel="stylesheet" href="assets/plugins/bootstrap/css/bootstrap.min.css">
    <!-- Plugins CSS -->
    <link rel="stylesheet" href="assets/plugins/font-awesome/css/font-awesome.css">
    <link rel="stylesheet" href="assets/plugins/flexslider/flexslider.css">
    <link rel="stylesheet" href="assets/plugins/animate-css/animate.min.css">
    <!-- Theme CSS -->
    <link id="theme-style" rel="stylesheet" href="assets/css/styles.css">
    <link rel="stylesheet" href="assets/css/home.css" />
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <style>
        .flexslider .flex-control-nav {
            /* display: none; */
            bottom: 10px;
            z-index: 9;
        }
        .features .icon {
            border: 3px solid #0647A3;
        }
        .features .content .title,
        .features .icon .fa {
            color: #0647A3;
        }
        .features .icon:hover {
            background: #0647A3;
            color: #fff;
        }
        .has-pattern {
            background-image: none;
        }
        .liner-bg {
            background: linear-gradient(to right, #0E7DD0 , #0647A3);
        }
        .btn-theme {
            background: #0E7DD0;
            border: 1px solid #0E7DD0;
        }
        .btn-theme:hover {
            background: #0647A3;
            border: 1px solid #0647A3;
        }
        .pricing .item .heading .title {
            color: #fff;
        }
        .pricing .item .heading {
            background: #0E7DD0;
            color: #fff;
        }
        .pricing .item .ribbon .text {
            background-color: #0647A3;
        }
        .logo-font {
            color: #0647A3;
            font-family: serif;
            font-style: italic;
        }
        #story .flexslider {
            background: transparent;
            margin: 0;
        }
        .flex-direction-nav a:before {
            display: none;
        }
        .flex-direction-nav a.flex-prev {
            background: url('./assets/images/prev.png') no-repeat center center;
            background-size: 100% 100%;
        }
        .flex-direction-nav a.flex-next {
            background: url('./assets/images/next.png') no-repeat center center;
            background-size: 100% 100%;
        }
        .wechat {
            top: -60px !important;
            height: 180px !important;
        }
        .wechat img {
            height: 100%;
            width: 100%;
        }
        .contact .intro li {
            margin-bottom: 35px;
        }
        
        .col-xs-12 .note {
            text-align: center;
        }
        a {
            color: #0647A3;
        }
        .flexslider:hover .flex-next {
            right: -40px;
        }
        .flexslider:hover .flex-prev {
            left: -40px;
        }
    </style>
</head>

<body data-spy="scroll">
    <!-- ******HEADER****** -->
    <header id="top" class="header navbar-fixed-top">
        <div class="container">
            <h1 class="logo pull-left">
                <a class="scrollto" href="#promo">
                    <!-- <img id="logo-image" class="logo-image" src="assets/images/logo-lymx.png" alt="Logo"> -->
                    <!-- <img id="logo-image" class="logo-image" src="assets/images/logo/logo.jpg" alt="Logo"> -->
                    <span class="logo-title logo-font">AICMS</span>
                </a>
            </h1><!--//logo-->
            <nav id="main-nav" class="main-nav navbar-right" role="navigation">
                <div class="navbar-header">
                    <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button><!--//nav-toggle-->
                </div><!--//navbar-header-->
                <div class="navbar-collapse collapse" id="navbar-collapse">
                    <ul class="nav navbar-nav">
                        <!-- <li class="active nav-item sr-only"><a class="scrollto" href="#promo">首页</a></li> -->
                        <li class="nav-item"><a class="scrollto" href="#promo">首页</a></li>
                        <li class="nav-item"><a class="scrollto" href="#features">技术特点</a></li>
                        <li class="nav-item"><a class="scrollto" href="#how">产品演示</a></li>
                       <!--  <li class="nav-item"><a class="scrollto" href="#faq">FAQ</a></li> -->
                        <li class="nav-item"><a class="scrollto" href="#story">成功案例</a></li>
                        <li class="nav-item"><a class="scrollto" href="#pricing">购买</a></li>
                        <li class="nav-item last"><a class="scrollto" href="#contact">联系我们</a></li>
                    </ul><!--//nav-->
                </div><!--//navabr-collapse-->
            </nav><!--//main-nav-->
        </div>
    </header><!--//header-->

    <!-- ******PROMO****** -->
    <section id="promo" class="section" style="padding-top: 80px;">
        <div>
            <div>
                <!-- <div class="overview col-md-8 col-sm-12 col-xs-12">
                    <h2 class="title" style="text-align: left;">
                      <span style="display: inline-block;">●&nbsp容媒体CMS系统&nbsp</span>
                      <span style="display: inline-block;">●&nbsp微信小程序&nbsp</span>
                      <span style="display: inline-block;">●&nbspjavaee架构</span>
                    </h2>
                    <ul class="summary" style="padding-left: 0;">
                        <li>用Java语言搭建安全靠谱可商用的CMS系统</li>
                        <li>基于javaee主流架构模式SpringMvc+Hibernate+Freemarker</li>
                        <li>容媒体内容管理系统包括PC端、微信小程序、IOS和Android版本</li>
                        <li>采取站群设计概念 各个站点权限互相独立、操作互不影响。</li>
                        <li>基于Bootstrap打造响应式后台管理，视觉效果更具有冲击力，操作更舒适</li>
                    </ul>
                    <div class="download-area">
                        <ul class="btn-group list-inline">
                            <li class="ios-btn"><a href="http://116.196.116.104:8888/admin/" target="_blank">后台体验</a></li>
                             <li class="android-btn"><a href="http://116.196.116.104:8888/wap2/index.html" target="_blank">手机wap</a></li>
                            <li class="android-btn"><a href="http://116.196.116.104:8888/api/apidocs/" target="_blank">在线swagger接口文档</a></li>
                        </ul>
                    </div>
                </div> -->

                <!--// iPhone starts -->
                <div class="">
                    <div class="iphone-holder phone-holder">
                        <div class="iphone-holder-inner">
                            <div class="slider flexslider" style="margin-bottom: 0;">
                                <ul class="slides">
                                    <li>
                                        <img src="assets/images/banner0.jpg"  alt="" />
                                    </li>
                                    <li>
                                        <img src="assets/images/banner2.jpg"  alt="" />
                                    </li>
                                    <li>
                                        <img src="assets/images/banner3.jpg"  alt="" />
                                    </li>
                                    <!-- <li>
                                        <img src="assets/images/iphone/iphone-slide-3.png"  alt="" />
                                    </li> -->
                                </ul><!--//slides-->
                            </div><!--//flexslider-->
                        </div><!--//iphone-holder-inner-->
                    </div><!--//iphone-holder-->
                </div><!--//iphone-->
                <!--// iPhone ends -->
            </div><!--//row-->
        </div><!--//container-->
    </section><!--//promo-->

    <!-- ******FEATURES****** -->
    <section id="features" class="features section small" style="padding-top: 30px;">
        <div class="container">
            <h2 class="title text-center" style="margin-bottom: 30px;margin-top: 0;">技术特点</h2>
            <div class="row">
                <!-- <h2 class="title text-center sr-only">Features</h2> -->
                <div class="item col-md-3 col-sm-6 col-xs-12 text-center">
                    <div class="icon">
                        <i class="fa fa-cloud-upload"></i>
                    </div><!--//icon-->
                    <div class="content">
                        <h3 class="title">开放的API</h3>
                        <p>可通过开放API接口获取CMS数据资源，也可以发布文章和视频，方便实现多系统资源整合。采用数字签名鉴权。采用JSON格式进行数据传递，提高兼容性。</p>
                        <!-- <button class="modal-trigger btn btn-link" data-toggle="modal" data-target="#feature-modal-1">Find out more</button> -->
                    </div><!--//content-->
                </div><!--//item-->
                <div class="item col-md-3 col-sm-6 col-xs-12 text-center">
                    <div class="icon">
                        <i class="fa fa-rocket"></i>
                    </div><!--//icon-->
                    <div class="content">
                        <h3 class="title">多内容类型支持</h3>
                        <p>系统支持绝大部分常见内容形式的编辑与发布,包括文章、图片、视频、调查、投票、链接、专题、访谈、活动等模块数据表采用独立化自动分表模式，支持大数据量存储。</p>
                        <!-- <button class="modal-trigger btn btn-link" data-toggle="modal" data-target="#feature-modal-1">Find out more</button> -->
                    </div><!--//content-->
                </div><!--//item-->
                <div class="item col-md-3 col-sm-6 col-xs-12 text-center">
                    <div class="icon">
                        <i class="fa fa-users"></i>
                    </div><!--//icon-->
                    <div class="content">
                        <h3 class="title">全文检索</h3>
                        <p>全文检索引擎Solr，Apache Solr是一个功能强大的搜索服务器，它支持REST风格API。Solr是基于Lucene的，Lucene 支持强大的匹配能力，如短语，通配符，连接，分组和更多不同的数据类型。</p>
                        <!-- <button class="modal-trigger btn btn-link" data-toggle="modal" data-target="#feature-modal-1">Find out more</button> -->
                    </div><!--//content-->
                </div><!--//item-->
                <div class="item col-md-3 col-sm-6 col-xs-12 text-center">
                    <div class="icon">
                        <i class="fa fa-map-marker"></i>
                    </div><!--//icon-->
                    <div class="content">
                        <h3 class="title">代码生成器</h3>
                        <p>代码生成器。设计了多个模板，根据需要，可以生成单表，多表，树状关等多种关系对应的代码，大大的减少了编程时间，提高了软件的编写效率，减少了软件的开发成本！</p>
                        <!-- <button class="modal-trigger btn btn-link" data-toggle="modal" data-target="#feature-modal-1">Find out more</button> -->
                    </div><!--//content-->
                </div><!--//item-->
            </div><!--//row-->

            <div class="row feature-row-last">
                <div class="item col-md-3 col-sm-6 col-xs-12 text-center">
                    <div class="icon">
                        <i class="fa fa-calendar"></i>
                    </div><!--//icon-->
                    <div class="content">
                        <h3 class="title">可扩展与二次开发</h3>
                        <p>使用主流的架构模式SpringMvc+Hibernate+Freemarker，并且提供在线可查看的swagger文档方便api调用和调试，模块拆分清晰明了易于学习开发。</p>
                        <!-- <button class="modal-trigger btn btn-link" data-toggle="modal" data-target="#feature-modal-1">Find out more</button> -->
                    </div><!--//content-->
                </div><!--//item-->
                <div class="item col-md-3 col-sm-6 col-xs-12 text-center">
                    <div class="icon">
                        <i class="fa fa-comments"></i>
                    </div><!--//icon-->
                    <div class="content">
                        <h3 class="title">统计分析</h3>
                        <p>时间、栏目、模型、部门提供了多维度的发稿量、访问量、评论量统计和排行榜，同时还提供了编辑考核报表，给网站运营提供科学的数据支撑。</p>
                        <!-- <button class="modal-trigger btn btn-link" data-toggle="modal" data-target="#feature-modal-1">Find out more</button> -->
                    </div><!--//content-->
                </div><!--//item-->
                <div class="item col-md-3 col-sm-6 col-xs-12 text-center">
                    <div class="icon">
                        <i class="fa fa-globe"></i>
                    </div><!--//icon-->
                    <div class="content">
                        <h3 class="title">多端支持</h3>
                        <p>移动端微信小程序、HTML5、IOS、安卓、电脑移动端官网或媒体网站等支持。</p >
                        <!-- <button class="modal-trigger btn btn-link" data-toggle="modal" data-target="#feature-modal-1">Find out more</button> -->
                    </div><!--//content-->
                </div><!--//item-->
                <div class="item col-md-3 col-sm-6 col-xs-12 text-center">
                    <div class="icon">
                        <i class="fa fa-globe"></i>
                    </div><!--//icon-->
                    <div class="content">
                        <h3 class="title">灵活的模板标签</h3>
                        <p>前台模板制作方便只需要在DW中编辑模板即可。丰富的标签管理极度灵活的自定义循环体和样式结合。"只有想不到，没有做不到！"，轻松打造各种网页效果。</p >
                        <!-- <button class="modal-trigger btn btn-link" data-toggle="modal" data-target="#feature-modal-1">Find out more</button> -->
                    </div><!--//content-->
                </div><!--//item-->
            </div><!--//row-->
        </div><!--//container-->
    </section><!--//features-->

    <!-- ******HOW****** -->
    <section id="how" class="how section has-pattern">
        <div class="container">
            <h2 class="title text-center" style="margin-bottom: 30px;margin-top: 0;">产品演示</h2>
            <div class="row">
                <div id="video-container" class="video-container col-md-6 col-sm-12 col-xs-12 hidden-xs">
                    <img src="assets/images/product-banner.png" width="100%" style="border: 1px solid #ddd; box-shadow: 4px 4px 4px #ddd;margin-top: 20px;">
                </div>
                <div class="content col-md-6 col-sm-12 col-xs-12 text-center">
                    <p class="intro">AICMS是一套基于J2EE和AJAX技术的企业级网站内容管理软件，集站点管理、内容创作、内容审核、基于模板的内容发布、内容采集、内容检索、多媒体内容管理于一身。AICMS允许非专业人员创建内容、实现内容信息发布与共享。
                        基于Web浏览器的操作界面易于使用，让使用者可以高效率地完成内容的创建、管理与发布。利用AICMS可以轻松创建企业内、外部WEB门户，也可以建立以内容为核心的企业信息平台。
                    </p>
                    <div class="qr-codes">
                        <div class="note">
                            <a href="https://www.cmsjava.cn/admin/loginAction.do?login" target="_blank">后台演示(user:admin/password:123455)</a>
                        </div>
                        <!-- <div class="note">
                            <p>扫描二维码</p>
                            <span class="left-arrow"></span>
                            <span class="right-arrow"></span>
                        </div> -->
                        <div class="row">
                            <div class="item col-md-4 col-sm-4">
                                <img src="assets/images/qrcodes/wechat.png" alt="" />
                                <p>微信小程序</p>
                            </div>
                            <div class="item col-md-4 col-sm-4">
                                <img src="assets/images/qrcodes/h5.png" alt="" />
                                <p>H5</p>
                            </div>
                            <div class="item col-md-4 col-sm-4">
                                <img src="assets/images/qrcodes/app.png" alt="" />
                                <p>App</p>
                            </div>
                        </div>
                    </div>
                </div>
                
            </div>
        </div>
    </section>

    <!-- ******FAQ****** -->


    <!-- ******STORY****** -->
    <section id="story" class="story section has-pattern liner-bg">
        <div class="container">
            <h2 class="title text-center">成功案例</h2>
            <div class="flexslider">
                <ul class="slides">
                    <!-- <li>safasfasdfasd</li>
                    <li>safasfasdfasd</li>
                    <li>safasfasdfasd</li> -->
                    <li>
                        <div class="row">
                            <div class="team col-md-6 col-sm-12 col-xs-12">
                                <img class="img-rounded" src="assets/images/story/s-1.jpg" alt=""/>
                            </div>
                            <div class="content col-md-6 col-sm-12 col-xs-12 text-center">
                                <h3 class="title">中央企业电子商务联盟</h3>
                                <p>中央企业电商平台加强了信息互通，推动资源共享，深化务实合作，提高行业自律，共创联盟品牌，服务中央企业改革创新和实体经济转型升级。中粮我买网、宝武集团欧冶云商表示，将积极参与联盟合作机制构建，加强多领域务实合作，推进业务创新发展，立足主业、服务社会。中央企业电子商务联盟的成立，将进一步凝聚共识，最大程度汇聚行业市场要素和资源，打造共享共赢协同合作平台，提升中央企业跨行业资源整合能力和创新发展能力。</p>
                                <p>客户公司: 中央企业电子商务联盟</p>
                                <p>Year：2018</p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="row">
                            <div class="team col-md-6 col-sm-12 col-xs-12">
                                <img class="img-rounded" src="assets/images/story/s-2.png" alt=""/>
                            </div>
                            <div class="content col-md-6 col-sm-12 col-xs-12 text-center">
                                <h3 class="title">司法部新闻客户端</h3>
                                <p>中华人民共和国司法不移动客户端是司法部新闻宣传、服务群众的平台，及时发布司法行政权威信息，解读重大政策，回应公众关切，提供政务服务等。 设立频道， 首页	：今日要闻、部内要闻、新闻发布、在线访谈、业务信息、专题专栏 法律服务 政务公开：人事信息、通知文件、法律规章、信息公开、公告公示、处罚通报、行政许可 机构设置：机构职能、部领导介绍、机关司局、直属单位 用户可以通过客户端查看到文章</p>
                                <p>客户公司: 司法部新闻客户端</p>
                                <p>Year：2018</p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="row">
                            <div class="team col-md-6 col-sm-12 col-xs-12">
                                <img class="img-rounded" src="assets/images/story/s-3.png" alt=""/>
                            </div>
                            <div class="content col-md-6 col-sm-12 col-xs-12 text-center">
                                <h3 class="title">南方电网超高压新闻直播客户端</h3>
                                <p>超高压新闻网包括公司要闻、基本动态、视频新闻、视频直播、员工天地等热门新闻模块。</p>
                                <p>客户公司: 中央企业电子商务联盟</p>
                                <p>Year：2018</p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="row">
                            <div class="team col-md-6 col-sm-12 col-xs-12">
                                <img class="img-rounded" src="assets/images/story/s-4.png" alt=""/>
                            </div>
                            <div class="content col-md-6 col-sm-12 col-xs-12 text-center">
                                <h3 class="title">玉溪日报</h3>
                                <p>玉溪日报APP，集新闻阅读、在线浏览、政民互动、资讯推送等功能于一体，重点打造时政、社会、问政、读报等栏目，及时发布玉溪本土时政、社会新闻，为大众提供生活资讯服务。 设立频道： 首页 热点、时政、社会、影像、县区、资讯、专题 直播 读报 问政 用户可以查看到文章、组图、视频、投票、调查、专题等多种内容形态 客户端支持微信、微博、QQ等账号登录</p>
                                <p>客户公司: 玉溪日报</p>
                                <p>Year：2017</p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="row">
                            <div class="team col-md-6 col-sm-12 col-xs-12">
                                <img class="img-rounded" src="assets/images/story/s-5.png" alt=""/>
                            </div>
                            <div class="content col-md-6 col-sm-12 col-xs-12 text-center">
                                <h3 class="title">家树医疗-致力于肿瘤遗传咨询</h3>
                                <p>家树医疗科技有限公司,致力于肿瘤遗传咨询,已开发出填补国内外空白的智能家系图遗传风险评估系统,更好地服务于临床与遗传高危人群。 
                                    网址: http://www.familytree-med.com//</p>
                                <p>客户公司: 家树医疗-致力于肿瘤遗传咨询</p>
                                <p>Year：2017</p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="row">
                            <div class="team col-md-6 col-sm-12 col-xs-12">
                                <img class="img-rounded" src="assets/images/story/s-6.png" alt=""/>
                            </div>
                            <div class="content col-md-6 col-sm-12 col-xs-12 text-center">
                                <h3 class="title">美的规范与趋势库网站</h3>
                                <p>2014年9月美的规范与趋势库网站成功上线</p>
                                <p>客户公司: 美的规范与趋势库网站</p>
                                <p>Year：2014</p>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div><!--//container-->
    </section><!--//story-->

    <!-- ******TESTIMONIALS****** -->

    <!-- ******Pricing****** -->
    <section id="pricing" class="pricing section has-pattern" style="padding-top: 20px;">
        <div class="container">
             <div class="price-cols row">
                <h2 class="title text-center">购买</h2>
                <div class="items-wrapper col-md-12 col-sm-12 col-xs-12 col-sm-offset-0 col-xs-offset-0">
                    <div class="item price-1 col-md-4 col-sm-4 col-xs-12 text-left">
                        <div class="item-inner">
                            <div class="heading text-center">
                            <h3 class="title">基础版</h3>
                               <!--  <p class="price-figure"><span class="price-figure-inner"><span class="currency">&yen;</span><span class="number"></span><br /><span class="unit"></span></span></p> -->
                            </div>
                            <div class="content">
                                <ul class="list-unstyled feature-list">
                                    <li><i class="fa fa-check"></i>100%源码</li>
                                    <li><i class="fa fa-check"></i>h5/微信小程序(2选一)</li>
                                    <li><i class="fa fa-check"></i>IOS/Android端(2选一)</li>
                                    <li><i class="fa fa-check"></i>免费升级</li>
                                    <li><i class="fa fa-check"></i>一年售后技术支持</li>
                                    <li class="disabled"><i class="fa fa-times"></i></li>
                                </ul>
                                <a class="btn btn-theme btn-block" target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=578169426&site=qq&menu=yes">了解更多</a>

                            </div><!--//content-->
                        </div><!--//item-inner-->
                    </div><!--//item-->
                    <!-- best-buy -->
                    <div class="item price-2 col-md-4 col-sm-4 col-xs-12 text-left ">
                        <div class="item-inner">
                            <div class="heading text-center">
                            <h3 class="title">专业版</h3>
                                <!-- <p class="price-figure"><span class="price-figure-inner"><span class="currency">$</span><span class="number">10</span><br /><span class="unit">per month</span></span></p> -->
                            </div>
                            <div class="content">
                                <ul class="list-unstyled feature-list">
                                    <li><i class="fa fa-check"></i>100%源码</li>
                                    <li><i class="fa fa-check"></i>模版设计／制作</li>
                                    <li><i class="fa fa-check"></i>微信小程序</li>
                                    <li><i class="fa fa-check"></i>IOS/Android端</li>
                                    <li><i class="fa fa-check"></i>免费升级</li>
                                    <li><i class="fa fa-check"></i>一年售后技术支持</li>

                                </ul>
                                <a class="btn btn-theme btn-block" target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=578169426&site=qq&menu=yes">了解更多</a>
                            </div><!--//content-->
                            <div class="ribbon">
                                <div class="text">火热</div>
                            </div><!--//ribbon-->
                        </div><!--//item-inner-->
                    </div><!--//item-->

                    <div class="item price-3 col-md-4 col-sm-4 col-xs-12 text-left">
                        <div class="item-inner">
                            <div class="heading text-center">
                                <h3 class="title">高端定制</h3>
                                <!-- <p class="price-figure"><span class="price-figure-inner"><span class="currency"></span><span class="number">商务</span><br /><span class="unit">per month</span></span></p> -->
                            </div>
                            <div class="content">
                                <ul class="list-unstyled feature-list">
                                    <li><i class="fa fa-check"></i>100%源码</li>
                                    <li><i class="fa fa-check"></i>模版设计／制作</li>
                                    <li><i class="fa fa-check"></i>功能定制开发</li>
                                    <li><i class="fa fa-check"></i>移动端定制开发</li>
                                    <li><i class="fa fa-check"></i>小程序定制开发</li>
                                    <li><i class="fa fa-check"></i>一年售后技术支持</li>
                                </ul>
                                <a class="btn btn-theme btn-block" target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=578169426&site=qq&menu=yes">了解更多</a>

                            </div><!--//content-->
                        </div><!--//item-inner-->
                    </div><!--//item-->
                </div><!--//items-wrapper-->
            </div><!--//row-->
        </div><!--//container-->
    </section><!--//pricing-->

    <!-- ******CONTACT****** -->
    <section id="contact" class="contact section has-pattern liner-bg">
        <div class="container">
            <div class="row text-center">
                <h2 class="title">联系我们</h2>
                <div class="map col-md-4 col-sm-12 col-xs-12 col-md-offset-1">
                	<img src="assets/images/map.png" >
                </div>
                <div class="intro col-md-6 col-sm-6 col-xs-6 col-md-offset-1 col-sm-offset-3 col-xs-offset-3">
                   <!-- <p>We’d love to hear from you. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ut erat magna. Aliquam porta sem a lacus imperdiet posuere. Integer semper eget ligula id eleifend.</p>-->
                    <ul class="list-unstyled contact-details">
                    	<li><i class="fa fa-map-marker" style="font-size:20px;color:#FFFFFF;"></i><a href="mailto:长沙腾讯众创空间A0210">长沙中电软件园10栋A0210</a></li>
                    	<li><i class="fa fa-qq" style="color:#FFFFFF;"></i><a href="mailto:150696062">150696062</a></li>
                    	<li><i class="fa fa-phone-square" style="color:#FFFFFF;"></i><a href="mailto:黄经理18684859981">黄经理18684859981</a></li>
                      <li><i class="fa fa-envelope" style="color:#FFFFFF;"></i><a href="mailto:150696062@qq.com">150696062@qq.com</a></li>
                    </ul>
                </div>
            </div><!--//row-->
      <!--      <div class="row text-center">
                <div class="contact-form col-md-6 col-sm-12 col-xs-12 col-md-offset-3">
                    <form class="form">
                        <div class="form-group name">
                            <label class="sr-only" for="name">Name</label>
                            <input id="name" type="text" class="form-control" placeholder="名字:">
                        </div>
                        <div class="form-group email">
                            <label class="sr-only" for="email">Email</label>
                            <input id="email" type="email" class="form-control" placeholder="邮箱:">
                        </div>
                        <div class="form-group message">
                            <label class="sr-only" for="message">Message</label>
                            <textarea id="message" class="form-control" rows="6" placeholder="内容:"></textarea>
                        </div>
                        <button type="submit" class="btn btn-lg btn-theme">Send Message</button>
                    </form>
                </div>
            </div>-->
           <!-- <div class="text-center">
                 <ul class="social-icons list-inline">
                    <li><a href="#" ><i class="fa fa-twitter"></i></a></li>
                    <li><a href="#" ><i class="fa fa-facebook"></i></a></li>
                    <li><a href="#" ><i class="fa fa-linkedin"></i></a></li>
                    <li><a href="#" ><i class="fa fa-google-plus"></i></a></li>
                </ul>
            </div>-->
        </div><!--//container-->
    </section><!--//contact-->

    <!-- ******FOOTER****** -->
    <footer class="footer">
        <div class="container" style="text-align: center;">
            <small class="copyright">Copyright &copy; 2018.湖南雷雨铭心信息科技有限公司 All rights reserved.</small>
            <!-- <ul class="links list-inline">
                <li><a href="#">Terms</a></li>
                <li><a href="#">Privacy</a></li>
            </ul> -->
        </div>
    </footer><!--//footer-->

    <!-- Feature Modal -->
    <div class="modal modal-feature" id="feature-modal-1" tabindex="-1" role="dialog" aria-labelledby="featureModalLabel-1" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 id="featureModalLabel-1" class="modal-title text-center">App Feature and Benefit</h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <figure class="figure col-md-6 col-sm-12 col-xs-12">
                            <img class="img-responsive img-rounded" src="assets/images/features/feature-figure-1.png" alt="" />
                            <figcaption class="caption">Figure caption goes here </figcaption>
                        </figure>
                        <div class="content col-md-6 col-sm-12 col-xs-12">
                            <p>You can use the modal to explain one of your app's features/benefits in details. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </p>
                            <p>In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. </p>
                            <ul class="list-unstyled">
                                <li><i class="fa fa-star"></i>Lorem ipsum dolor sit ame</li>
                                <li><i class="fa fa-star"></i>Curabitur elit elit</li>
                                <li><i class="fa fa-star"></i>Nunc tincidunt ipsum a risus</li>
                            </ul>
                            <p>Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.</p>
                            <blockquote class="quote">
                                <p><i class="fa fa-quote-left"></i>I love this magna pellentesque in magnis gravida sit augue felis vehicula vestibulum semper penatibus justo ornare semper Gravida felis platea arcu mus non. Montes at posuere. Natoque.</p>
                                <p class="people"><span class="name">Adam Lee</span><br><span class="title">Developer, AppHunt</span></p>
                            </blockquote>
                        </div><!--//content-->
                    </div><!--//row-->
                </div><!--//modal-body-->
            </div><!--//modal-content-->
        </div><!--//modal-dialog-->
    </div><!--//modal-->
    <div class="global_toolbar">
    	<div class="toolbar_btn center" style="top: 50%; margin-top: -150px;">
    		<!--11111111-->
    		<a href="#" id="needtohelp_0_GetPricing" class="bar_forum bar_project_consulting">
    			<samp>
    				<i class="iconi icon-LiveChat1">
    					<img src="assets/images/手机.png" alt="">
    				</i>
    			</samp>
    			<em>
    				<i>18684859981</i>
    			</em>
    		</a>
    		<!--2222222-->
    		<a  target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=150696062&site=qq&menu=yes" id="needtohelp_0_GetPricing" id="needtohelp_0_forum" class="bar_forum">
    			<samp>
    				<i class="iconi icon-LiveChat1">
    					<img src="assets/images/qq.png" alt="">
    				</i>
    			</samp>
    			<em>
    				<i>150696062</i>
    			</em>
            </a>
            <a href="#" id="needtohelp_0_GetPricing" class="bar_forum bar_project_consulting">
                    <samp>
                        <i class="iconi icon-LiveChat1">
                            <img src="assets/images/i-wechat.png" alt="">
                        </i>
                    </samp>
                    <em class="wechat">
                        <img src="assets/images/concat-wechat.jpeg" alt="" />
                    </em>
                </a>
    		<!--444444444-->
    		<!-- <a href="#" id="needtohelp_0_GetQuote" class="bar_forum bar_inquire">
    			<samp>
    				<i class="iconi icon-LiveChat1">
    					<img src="img/icon/car-3.png" alt="">
    				</i>
    			</samp>
    			<em>
    				<i>售前咨询</i>
    			</em>
    		</a>

    		<a href="#" id="needtohelp_0_contactus" class="bar_contact bar_forum" data-id="contact_column">
    			<samp>
    				<i class="iconi icon-LiveChat1">
    					<img src="img/icon/car-4.png" alt="">
    				</i>
    			</samp>
    			<em>
    				<i>更多联系方式</i>
    			</em>
    		</a> -->
    	</div>
    </div>
<!--  <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
 <script type="text/javascript" src="js/common.js"></script> -->
<!-- <div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div> -->


    <!-- Javascript -->
    <script type="text/javascript" src="assets/plugins/jquery-1.12.3.min.js"></script>
    <script type="text/javascript" src="assets/plugins/isMobile/isMobile.min.js"></script>
    <script type="text/javascript" src="assets/plugins/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="assets/plugins/jquery-inview/jquery.inview.min.js"></script>
    <script type="text/javascript" src="assets/plugins/FitVids/jquery.fitvids.js"></script>
    <script type="text/javascript" src="assets/plugins/jquery-scrollTo/jquery.scrollTo.min.js"></script>
    <script type="text/javascript" src="assets/plugins/jquery-placeholder/jquery.placeholder.js"></script>
    <script type="text/javascript" src="assets/plugins/flexslider/jquery.flexslider-min.js"></script>
    <script type="text/javascript" src="assets/plugins/jquery-match-height/jquery.matchHeight-min.js"></script>
    <script type="text/javascript" src="assets/js/main.js"></script>
    <!--[if !IE]>-->
    <script type="text/javascript" src="assets/js/animations.js"></script>
    <!--<![endif]-->

</body>
</html>
